<div class="login-body layout-light">
    <div class="login-content">
        <div class="login-panel">
            <div class="login-panel-content">
                <div class="logo">
                    <!-- <img src="../../assets/images/pages/logo-mirage@2x.png" alt="mirage-layout"> -->
                    <h1>欢迎登录园林养护系统</h1>
                    <p></p>
                </div>
                <div class="forms">
                    <div class="login-input-wrapper">
                        <label for="username">Username</label>
                         <input id="username" [(ngModel)]="username" name="username" placeholder="Type your username..." class="ui-inputtext ui-corner-all ui-state-default ui-widget">
                        <i class="pi pi-user"></i>
                    </div>
                    <div class="login-input-wrapper">
                        <label for="password">Password</label>
                        <input id="password" [(ngModel)]="password" name="password" placeholder="Type your password" type="password" class="ui-inputtext ui-corner-all ui-state-default ui-widget">
                        <i class="pi pi-lock"></i>
                    </div>
                    <!-- <div class="p-col-12">
                        <p-checkbox binary="true" label="Remember me" value="SaveInfo" class="ng-untouched ng-pristine ng-valid">
                            <div class="ui-chkbox ui-widget">
                                <div class="ui-helper-hidden-accessible">
                                    <input type="checkbox" name="undefined" value="SaveInfo">
                                </div>
                                <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default" role="checkbox">
                                    <span class="ui-chkbox-icon ui-clickable"></span>
                                </div>
                            </div>
                            <label class="ng-star-inserted ui-chkbox-label">Remember me</label>
                        </p-checkbox>
                    </div> -->
                    <div class="buttons">
                        <button label="Login" pbutton="" type="button" tabindex="0" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
                            <span class="ui-button-text ui-clickable" >Login</span></button>
                            <a class="secondary-button" href="#">Forget Password?</a>
                        </div>
                    </div>     
            </div>
        </div>
        <div class="desert"></div>
    </div>
</div>